<template>
  <div class="recommend-container">
    <div
      class="index-nav-container undefined"
      style="background: linear-gradient(to right, rgb(88, 174, 221) 2%, rgb(66, 191, 205) 97%) rgb(88, 174, 221);"
    >
      <ul class="clearfix ">
        <li class="title nav-item mf-shang-hei-regular">
          猜你喜欢
        </li>
        <li class="nav-item active">
          为你甄选最适合的
        </li>
      </ul>
    </div>
    <div class="recommend-list">
      <a
        href="//www.meituan.com/meishi/67043319/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p1.meituan.net/msmerchant/23fd1edd83c42e1211bf5a2c6daf2456116309.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="星炭干锅（苏宁广场店）">
              星炭干锅（苏宁广场店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 100%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">1747个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">南国/苏宁广场</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">85.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/71193634/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p1.meituan.net/msmerchant/950f30fd288aa0d88d655ac61746d80959978.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="林胜彬酸菜鱼水煮牛肉（峡山店）">
              林胜彬酸菜鱼水煮牛肉（峡山店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 94%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">2841个评价</div>
            </div>
            <div class="desc-line aligned"><div class="desc">峡山</div></div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">98.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/160402583/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/msmerchant/78cab4eb97b7dd789c29ea1b9e2510e1292815.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="小肥羊（星湖城店）">
              小肥羊（星湖城店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 76%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">615个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">星湖城/金鸿公路</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">1.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/79887426/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/msmerchant/0dfc996faae228e0403bafd52c1f2899217872.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="卢家妈妈·手工比萨（东厦店）">
              卢家妈妈·手工比萨（东厦店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 80%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">191个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">广厦新城</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">90.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/111026076/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/msmerchant/d8e0298a6fb0d4a705da59ce6b7cf2ce1176863.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="潮卤道卤水火锅（汕头总店）">
              潮卤道卤水火锅（汕头总店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 96%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">947个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">珠江路食街</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">9.9</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/177833997/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p1.meituan.net/msmerchant/ff99d85c0553dc8e5bbb9d4c28ef6221193384.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="禄婶鸡煲·香港打边炉">
              禄婶鸡煲·香港打边炉
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 76%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">530个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">F16购物广场</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">92.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/165403718/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p1.meituan.net/msmerchant/3062688ed8382dfe1dca84f244d8f3d1358504.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="重庆土炮李记火锅串串">
              重庆土炮李记火锅串串
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 88%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">607个评价</div>
            </div>
            <div class="desc-line aligned"><div class="desc">棉城</div></div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">85.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/83119720/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p1.meituan.net/deal/1380c7154b371f64ee46603a345c60e570337.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="三顾冒菜">三顾冒菜</div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 84%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">2438个评价</div>
            </div>
            <div class="desc-line aligned"><div class="desc">峡山</div></div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">15.8</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/95411237/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p1.meituan.net/dealwatera/bc88912be41af011e9ac42e190070809161867.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="铭园四季椰子鸡">
              铭园四季椰子鸡
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 82%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">2012个评价</div>
            </div>
            <div class="desc-line aligned"><div class="desc">陈店</div></div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">108.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/xiuxianyule/93139340/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/shopmainpic/e8069df0b64d1d1984d5dbcf7c6dab8f172307.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="红派redparty">红派redparty</div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 64%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">1516个评价</div>
            </div>
            <div class="desc-line aligned" />
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">19.9</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/4575681/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/deal/42fa725a8aba6cfc0b64c1210ef18fda81943.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="博卡自助涮烤吧（峡山店）">
              博卡自助涮烤吧（峡山店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 100%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">12320个评价</div>
            </div>
            <div class="desc-line aligned"><div class="desc">峡山</div></div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">62.8</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/159247726/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/msmerchant/70536341d74716d27cf05b37226fde98233505.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="楊國福麻辣烫（中旅店）">
              楊國福麻辣烫（中旅店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 74%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">402个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">中旅/卜蜂莲花</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">17.9</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/xiuxianyule/2714676/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/joymerchant/152d66d3e612a71ce75a0757d9845a67-2116566140.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="御楚天然沐足（桂园店）">
              御楚天然沐足（桂园店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 82%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">1074个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">龙眼南路</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">75.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/179160502/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/msmerchant/7a97ce1dc8eb0c947a8f6be4b742fade38948.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="方姑娘麻辣烫（澄海店）">
              方姑娘麻辣烫（澄海店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 100%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">340个评价</div>
            </div>
            <div class="desc-line aligned">
              <div class="desc">澄海中心城区</div>
            </div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">17.8</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a><a
        href="//www.meituan.com/meishi/169491624/"
        data-bid="b_ecc0l2di"
        class="link link recommend-item"
        target="_blank"
      ><div class="card-container">
        <div class="recommend-card-wrapper">
          <div class="img-box">
            <img
              src="//p0.meituan.net/msmerchant/8487fd0bd414055c4b33558733822049213277.jpg@214w_120h_1e_1c"
              class="image"
            >
          </div>
          <div class="info-box">
            <div class="title aligned" title="港岛西饼（峡山店）">
              港岛西饼（峡山店）
            </div>
            <div class="score-line aligned">
              <div class="score">
                <div class="rate-stars">
                  <ul class="rate-stars-ul rate-stars-dark">
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                  <ul
                    class="rate-stars-ul rate-stars-light"
                    style="width: 92%;"
                  >
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                    <li><i class="iconfont icon-Star" /></li>
                  </ul>
                </div>
              </div>
              <div class="comment-number">1675个评价</div>
            </div>
            <div class="desc-line aligned"><div class="desc">峡山</div></div>
            <div class="bottom-line aligned">
              <div class="price-box">
                <span><span class="yuan">￥</span><span class="price-number numfont">7.0</span><span class="price-desc">起</span></span>
              </div>
            </div>
          </div>
        </div>
      </div></a>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss">
@import "@/assets/css/index/recommend.scss";
</style>
